<template>
	<div class="where">
		<div class="top">周末去哪儿</div>
		<div class="content" v-for="item of whereList">
			<img :src="item.url" alt="">
			<h4>{{item.title}}</h4>
			<p>{{item.info}}</p>
		</div>
		<div class="foot"><i class="iconfont">&#xe645;</i>票面价是指通过景区指定窗口售卖的纸质门票上标注的价格</div>
	</div>
</template>
<script>
	export default{
		props:["whereList"],
		data(){
			return{
				// whereList:[
				// 	{
				// 		url:require("@/assets/img/where/01.jpg"),
				// 		title:"西安泡汤圣地",
				// 		info:"解压之地，放松自己，来一段轻松的旅程。"
				// 	},
				// 	{
				// 		url:require("@/assets/img/where/02.jpg"),
				// 		title:"西安泡汤圣地",
				// 		info:"解压之地，放松自己，来一段轻松的旅程。"
				// 	},
				// 	{
				// 		url:require("@/assets/img/where/03.jpg"),
				// 		title:"西安泡汤圣地",
				// 		info:"解压之地，放松自己，来一段轻松的旅程。"
				// 	},
				// 	{
				// 		url:require("@/assets/img/where/04.jpg"),
				// 		title:"西安泡汤圣地",
				// 		info:"解压之地，放松自己，来一段轻松的旅程。"
				// 	},
				// 	{
				// 		url:require("@/assets/img/where/05.jpg"),
				// 		title:"西安泡汤圣地",
				// 		info:"解压之地，放松自己，来一段轻松的旅程。"
				// 	}
				// ]
			}
		}
	}
</script>
<style scoped>
	.where{}
	.where .top{
		font-size: 0.32rem;
		line-height: 0.8rem;
		background: #ddd;
		padding-left: 0.3rem;
	}
	.where .content{
		padding-bottom:0.26rem;
	}
	.where .content img{
		width: 100%;
		height: 2rem;
	}
	.where .content h4,.where .content p{
		font-size: 0.26rem;
		padding:0.1rem 0;
		padding-left: 0.2rem;
	}
	.where .content p{
		color: #616161;
	}
	.where .foot{
		font-size: 0.24rem;
		border-top:0.1rem solid #ddd;
		padding: 0.2rem 0;
		padding-left: 0.3rem;
	}
</style>